<!DOCTYPE html>
<html>

<%- include("head.ejs", {title: title}) %>

<body>

	<div>
		<%- include("header.ejs", {title: title}) %>
	</div>
	<div class="gd-main mb40">
		<img src="./images/yuansuo.png" alt="">

	</div>
	<div class="gd-main gd-bflex mb60">
		<div class="left-nav">
			<div class="letf-title">关于院所</div>
			<ul>
				<%for(var i=0; i < leftList.length; i++){%>
					<li class="tab_item">
						<%=leftList[i].title%>
						<% if (leftList[i].list && leftList[i].list.length) { %>
						<div class="sub-li">
							<ul>
								<%for(var j=0; j < leftList[i].list.length; j++){%>
									<li>
										<%=leftList[i].list[j].title%>
									</li>
								<%}%>
							</ul>
						</div>
						<% } %>
					</li>
					<%}%>
			</ul>

			<div class="letf-title" style="margin-top: 60px;">院所分类</div>
			<ul>
				<%for(var i=0; i < subList.length; i++){%>
					<li class="tab_item">
						<%=subList[i].title%>
					</li>
					<%}%>
			</ul>
		</div>
		<div class="rigth-nav">
			<ul class="rigth-content">
				<li class="item active">
					<%- include("title.ejs", {title: '研究院士' , border: true}) %>

					<div class="honor-box">
						<%for(var i=0; i < honorList.length; i++){%>
							<div class="pic">
								<img src="<%- honorList[i].src%>">
							</div>
						<%}%>
					</div>
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '资历信息' , border: true}) %>
					<img src="./images/header.png" alt="">
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '新晋研究人员' , border: true}) %>
					<div class="staff-box">
						<%for(var i=0; i < honorList.length; i++){%>
							<div class="pic">
								<img src="<%- honorList[i].src%>">
								<p><%=honorList[i].msg%></p>
							</div>
						<%}%>
					</div>
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '团队信息' , border: true}) %>
					<div class="mb40">
						<img src="./images/header.png" alt="">
					</div>
					
					<div class="staff-box">
						<%for(var i=0; i < honorList.length; i++){%>
							<div class="pic">
								<img src="<%- honorList[i].src%>">
								<p><%=honorList[i].msg%></p>
							</div>
						<%}%>
					</div>

				</li>
			</ul>

		</div>
	</div>


	<div>
		<%- include("footer.ejs") %>
	</div>

	<script>
		var mySwiper = new Swiper('.swiper', {
			watchOverflow: true,//因为仅有1个slide，swiper无效
			navigation: {
				nextEl: '.swiper-button-next',//自动隐藏
				prevEl: '.swiper-button-prev',//自动隐藏
			},
			pagination: {
				el: '.swiper-pagination',//自动隐藏
			},
			scrollbar: {
				el: '.swiper-scrollbar',//自动隐藏
			},
		})
		$(document).ready(function () {
			$(".first").removeClass("show").addClass("hide")
			$(".second").removeClass("show").addClass("hide")
		})
		$(".left-nav ul li").click(function () {
			var index = $(this).index();
			$(".left-nav ul li").removeClass("active")
			$(this).addClass("active")
			$(".rigth-nav .rigth-content .item").removeClass("active")
			$(".rigth-nav .rigth-content .item").eq(index).addClass("active")
		})
	</script>

</body>

</html>